
/* Color scheme
	- Background: #c5d1d7
	- Borders: #8cadae
	- Headers: #1f4f62
*/

/* Main */

html, body					{margin: 0; padding: 0; width: 100%; background: #c5d1d7;}
body, input, textarea		{font-family: Georgia, serif; font-size: 100%; line-height: 1.3;}
#wrapper					{width: 40em; margin: 1em auto; padding: 1.5em; background: #fff; border-bottom: 10px solid #8cadae;}

a							{text-decoration: none; color: #00c;}
a:hover						{text-decoration: underline;}

h1, h2, h3, h4				{color: #1f4f62;}

input[type="submit"]		{padding: 0 .2em;}

#header						{margin-bottom: 1em; padding-bottom: .5em; overflow: hidden;}
#header img					{float: left;}
#header h1					{float: left; margin: 3em 0 0 .5em;}
#header h1 a				{color: Black; text-decoration: none;}

#actions					{padding-top: 1em; margin-top: 1em; border-top: 1px dotted #8cadae;}
#actions a,
#actions input				{margin-right: .5em;}

p.note						{font-style: italic;}
p.minor						{font-style: italic; color: #666; font-size: 80%;}

/* Form */

form > div					{overflow: hidden; margin: .5em 0; position: relative;}
form > div > label			{float: left; width: 10em;}
form > div > label.required:after {content: " *"; color: #f00;}
form > div > .text-box,
form > div > div			{float: left; margin-right: .5em; max-width: 28em;}
form > div > span > label	{margin-right: 1em;}

input.text-box				{width: 12em;}
input#StreetAddress			{width: 18em;}
input#PostalCode			{width: 6em;}
textarea					{width: 24em; height: 4em;}
textarea + input			{position: absolute; bottom: 0;}

.photo						{margin-bottom: 1em; padding: .5em .5em 0; overflow: hidden; border: 1px dotted #8cadae;}
.photo p					{margin-bottom: .5em;}
.photo .image				{border-bottom: 1px dotted #8cadae; padding-bottom: .5em;}	
.photo .description			{float: left; margin-right: .5em;}
.photo .updateDescription	{float: left;}
.photo .removePhoto			{float: right;}


/* Validation helpers */

.field-validation-error		{color: red;}
.field-validation-valid		{display: none;}
.input-validation-error		{border: 1px solid red; margin: 1px; background-color: #ffeeee;}
.validation-summary-errors	{color: red;}
.validation-summary-errors ul {margin-top: 0; margin-bottom: 1em;}
.validation-summary-valid	{display: none;}
